<%@page import="java.util.ArrayList"%>
<%@page import="br.com.trabalho.entidades.Usuario"%>
<%@page import="br.com.trabalho.util.Util"%>
<%@page import="java.util.List"%>
<%@page import="br.com.trabalho.entidades.Receita"%>
<%@page import="br.com.trabalho.entidades.Receita"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/star-rating.min.css" rel="stylesheet">
        <script src="js/jquery-2.1.1.min.js"></script>
        <script src="js/bootstrap.js"></script>
        <script src="js/star-rating.min.js"></script>  
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta property="og:site_name" content="Portal de Receitas"/>
	<meta property="og:locale" content="pt_BR"/>
        <meta property="og:title" content="Receitas do Portal" />
        <meta property="og:url" content="http://www.sitedereceitas.com.br/receitas.jsp" />
        <meta property="og:description" content="Todas as receitas do portal" />
        <meta property="og:image" content="receita.jpg" />
        <meta property="og:type" content="Recipes" />
        <title>Busca &lt;${param.chave}&gt;</title>
        <style>
            .header{
                text-align: center;
            }
            footer{
                text-align: center;
            }
            .panel-heading{
                text-align: center;
            }
        </style>
    </head>
    <body>
        <%@ include file="template.jsp" %>
        <div class="container">
            <section class="col-sm-12 col-md-12 col-lg-12 col-12" style="min-height: 500px">
                <div class="panel panel-primary">
                   <div class="panel-heading">
                       Busca &lt;${param.chave}&gt;
                   </div>
                   <div class="panel-body">
                       <table style="text-align: center;">
                           <tr style="font-weight: bold;">
                               <td style="width: 100px;">Nome</td>
                               <td style="width: 350px;">Média Notas Atribuídas</td>
                               <td style="width: 50px;"># Avaliações</td>
                               <td style="width: 100px;">Autor da Receita</td>
                               <td style="width: 400px;">Breve Descrição da Receita</td>
                               <td>---</td>
                           </tr>
                           <c:forEach items="${sessionScope.BUSCA_RECEITAS}" var="receita">
                           <tr>
                               <td><a href='details.jsp?id=${receita.id}'>${receita.nome}</a></td>
                               <td><input id="input-21a" value="${receita.media}"  type="number" class="rating" min=0 max=5 step=1 data-size="sm" disabled/> </td>
                               <td>??</td><!-- Está pegando Numero de Comentarios -->
                               <td>Usuario</td>
                               <td>${receita.descricao}</td>
                               <td><a href='details.jsp?id=${receita.id}'><img src="receita.jpg" class="imagem_receita"/></a></td>
                           </tr>
                           </c:forEach>

                       </table>
                   </div>
                </div>
            </section>
        </div>
        <div style="clear: both"></div>
        <footer style="text-align: center;">
            <%@ include file="footer.jsp" %>
        </footer>
    </body>
</html>
